<template>
  <div>
    <!-- 在 <router-view> 路由占位符之外包裹一层 <keep-alive> 组件，从而实现组件的状态保持
      1、bug：通过router—view展现的组件都会被缓存，文章详情页也会被缓存。点击不同的文章展示的都是第一篇文章
      解决方法：文章详情页定义watch监听器
       -->
    <keep-alive>
    <!-- 路由的占位符 -->
      <router-view></router-view>
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style lang="less" scoped>
h1 {
  font-size: 12px;
}
</style>
